<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>
      For a guide and recipes on how to configure / customize this project,<br>
      check out the
      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
    </p>
    <h3>Installed CLI Plugins</h3>
    <ul>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
    </ul>
    <h3>Essential Links</h3>
    <ul>
      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
    </ul>
    <h3>Ecosystem</h3>
    <ul>
      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
    </ul>
	
	 <svg t="1660106665512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" width="64" height="64"><path d="M950.635165 366.916023 950.635165 366.916023c0-3.868977-1.936887-5.802466-1.936887-5.802466l-75.446447-187.647575c-13.541619-38.690368-50.296299-61.904829-94.789333-61.904829L252.281849 111.561154c-44.494033 0-79.311827 23.213062-92.852446 59.967942l-81.248713 191.516552c0 1.93209 0 1.93209-1.938086 3.868977-5.802466 17.410795-9.671443 36.75468-9.671443 54.165476 0 65.769009 36.75468 125.741747 92.858242 154.757075l0 0 0 0 0 0 0 0c23.213062 13.541619 52.22739 19.348881 83.181003 19.348881 52.233386 0 100.596396-23.217858 135.41299-63.842915 32.8905 38.691767 81.248713 61.904829 133.4809 61.904829 52.233386 0 100.591599-23.211862 133.482099-61.904829 32.884504 38.691767 81.248713 61.904829 135.414189 61.904829 32.884504 0 59.967742-7.738154 85.11789-19.342886 56.097566-30.951215 92.852246-90.918957 92.852246-154.761871C960.306408 403.670703 956.437631 384.328018 950.635165 366.916023L950.635165 366.916023 950.635165 366.916023 950.635165 366.916023zM836.495752 519.742207c-15.47271 7.739353-32.883305 11.603533-54.165476 11.603533-38.68677 0-75.446447-19.342886-94.789333-54.164277-1.93209-3.870176-3.868977-7.734556-7.739353-13.541619-5.802266-5.802266-15.473709-13.542818-30.947618-13.542818-13.54042 0-25.148749 5.807063-30.951215 13.542818-3.870176 5.807063-5.807063 9.671443-7.739353 13.541619-21.280972 32.889301-56.103562 54.164277-94.789333 54.164277-38.691567 0-73.513158-19.342886-94.789333-54.164277-1.935688-3.870176-3.870176-7.734556-7.740552-11.603533-15.47271-17.411795-48.36301-17.411795-61.903629-1.936887-5.801267 5.807063-7.734556 9.671443-9.672642 13.541619-21.279772 32.889301-56.097566 52.232187-94.789333 54.164277-21.279772 0-38.690368-3.86418-52.233386-11.603533l0 0 0 0c-36.75468-19.344085-59.966743-58.035652-59.966743-98.659509 0-11.60833 1.930891-25.149948 5.801267-36.75468l0-1.936887 79.316623-187.64038c1.930891-3.871375 5.802466-19.348881 30.951215-19.348881l528.114139 0c9.67624 0 27.082238 1.935688 34.821391 21.279772l75.446447 185.709489 0 3.870176c3.868977 11.609529 5.801267 25.151148 5.801267 36.75468C894.531604 463.639844 873.251831 500.398122 836.495752 519.742207L836.495752 519.742207 836.495752 519.742207 836.495752 519.742207zM861.647099 624.202982c-17.410795 0-32.883305 13.541619-32.883305 32.884504l0 174.104757c0 9.672642-7.739353 17.411995-17.411795 17.411995L207.787616 848.604238c-9.672642 0-17.407198-7.739353-17.407198-17.411995L190.380418 659.024174c0-17.410795-13.54042-32.889301-32.889301-32.889301l0 0c-17.410795 0-32.884504 13.541619-32.884504 32.889301l0 172.16787c0 44.495232 36.75468 81.248913 81.248713 81.248913l603.559387 0c44.495232 0 81.248713-36.753681 81.248713-83.181003l0-174.104757C892.599314 637.744601 879.058894 624.202982 861.647099 624.202982L861.647099 624.202982 861.647099 624.202982 861.647099 624.202982zM764.92088 397.869636l-512.64043 0c-17.410596 0-32.884504-13.541619-32.884504-32.8905 0-17.405999 13.54042-32.884504 32.884504-32.884504l512.639231 0c17.410795 0 32.889301 13.541619 32.889301 32.884504C797.810181 384.328018 782.331475 397.869636 764.92088 397.869636L764.92088 397.869636 764.92088 397.869636 764.92088 397.869636z" p-id="2481" fill="#8a8a8a"></path></svg>
	
	
	
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
